<link href="css/accueil.css" rel="stylesheet" type="text/css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="js/jquery.roundabout.js"></script>
<script>
   $(document).ready(function() {
      $('ul').roundabout();
   });
</script>
<style>
   .roundabout-holder {
      list-style: none;
      padding: 0;
      margin: 0;
      height: 10em;
      width: 30em;
   }
   .roundabout-moveable-item {
      height: 0em;
      width: 0em;
      cursor: pointer;
      background-color: #ccc;
      border: 1px solid #999;
   }
   .roundabout-in-focus {
      cursor: auto;
   }

</style> 
<div id="caroussel">
	<ul>
	   <li><a href="#"><img src="img/coco.jpg"/></a></li>
	   <li><a href="#"><img src="img/grantorino.jpg"/></a></li>
	   <li><a href="#"><img src="img/mome.jpg"/></a></li>
	   <li><a href="#"><img src="img/coco.jpg"/></a></li>
	   <li><a href="#"><img src="img/grantorino.jpg"/></a></li>
	   <li><a href="#"><img src="img/mome.jpg"/></a></li>
	</ul> 
</div>